<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			}

			span:nth-child(3) {
				margin-top: 5px;
				font-size: 20px;

			}

			span:nth-child(6) {
				margin-top: 5px;
				font-size: 20px;

			}

			span {
				text-align: center;
			}

			div {
				margin: 0 auto;
				display: flex;
			}
		</style>
	</head>
	<body>
		<div id="">
			<img src="">
			<img src="">
			<span>:</span>
			<img src="">
			<img src="">
			<span>:</span>
			<img src="">
			<img src="">
		</div>

		<script type="text/javascript">
			
			setInterval(function() {

						var timer1 = new Date();
						var timer2 = new Date('2020/06/25 00:00:00');
						var differTime = Math.abs(timer1 - timer2);
						//通过毫秒数 求 天数 小时 分钟 秒数
						//天数
						var day = parseInt(differTime / 1000 / 60 / 60 / 24);
						//小时
						var h = parseInt((differTime / 1000 / 60 / 60) % 24);
						//分钟
						var m = parseInt((differTime / 1000 / 60) % 60);
						//秒数
						var s = parseInt((differTime / 1000) % 60);
						h = h < 10 ? '0' + h : h;
						m = m < 10 ? '0' + m : m;
						s = m < 10 ? '0' + s : s;


						var str = '';
						str +=  h + m + s;
						var img = document.getElementsByTagName('img');
						for (var i = 0; i < str.length; i++) {
							img[i].src = 'img/' + str.substr(i, 1) + '.png';

						}
						},1000)
		</script>
	</body>
</html>
